<!--  -->
<template>
  <div>
        <add :list="renmen" :dd="val"></add>
        <listt :list="renmen.cities" @ltt="ltt" ></listt>
  </div>
</template>

<script>
import add from '../add/add'
import listt from '../add/list'
export default {
    components: {
        add,
        listt
    },
    mounted () {
          this.$http.get("city.json").then((res) => {
     
      this.renmen = res.data.data;
     
    });  
    },
  data () {
    return {
    renmen: [],
        val:'',
    }
  },
  methods: {
      ltt(val){   
          this.val=val
          
      }
  }
}
</script>

<style lang="stylus" scoped>
.listt {
  background-color: red;
  position: fixed;
  top: 50%;
  right: 0px;
  margin-top: -50%;
}

</style>
